<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>派生选择器</title>
		<!--需求：派生选择器抓取页面"行内2" 颜色任意
		                                  字体放大50px
			父元素[id]			
			
		-->
		<style>
			#d1 div div span{
			    font-size: 50px;
				background: #69fffa;
			}
		/*派生选择器：找两个删除线，改颜色第一个红色
		                          第二个绿色              */	
            .d1 div div s{
				background: #ff0000;
			}
			.d1 div div div s{
				background: #0eff0a;
			}
		</style>
		
	</head>
	<body>
		
		<div class="d1">
			<div>
				<p>段落1</p>
				<div>
					<s>删除线</s>
					<div>
					<s>删除线</s>
					</div>
				</div>
			</div>
			<div>
				<p>段落2</p>
			</div>
		</div>
		
		<hr>
		<div id="d1">
			<div>
				<p>段落</p>
				<span>行内1</span>
			    <div>
				<span>行内2</span>
				</div>
			</div>
		</div>
	</body>
</html>